<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery2.1.4.js"></script>
    <script src="layer/layer.js"></script>
    <script>
        function msgTest() {
            //提示文字 -->  layer.msg("How are you");
            //窗口关闭后执行
            layer.msg("提示抖动",function () {
                //关闭窗口执行
            });
        }
        function loadTest() {
            //视觉效果0——16 ,返回值的ID
            var windowId = layer.load(0);
            //通过窗口的id，关闭窗口
            setTimeout(function () {
              layer.close(windowId);
            },2000);
        }
        function mgs_loadTest () {
            layer.msg("提示的文字",{icon:16,shade:0.01})
        }
        function alertTest() {
            layer.alert("效果",{icon: 0})
        }
        function tipsTest() {
             layer.tips("这里有密迷","#s1",{tipsMore:true,tips:2})
        }
    </script>
</head>
<body>
<button onclick="msgTest()">mgs函数（重点）</button>
<button onclick="loadTest()" >load函数（重点）</button>
<button onclick="mgs_loadTest()">mgs函数（load效果）</button>
<button onclick="alertTest()"> alert函数</button>
<button onclick="tipsTest()">tips函数</button>
<p>
    锄禾日<span id="s1">当午</span>，汗滴禾下土
</p>
</body>
</html>